/**
 * 项目管理列表
 * @author: xiaoxujs
 */

import { useNavigate } from "react-router-dom";
import { Search } from "../../components/UiManagement";
import Header from "./components/Header";
import { ItemManagementList, ItemManagementListItem, LayoutBox, MenuPageHeaderBox } from "./style";


const ItemManagement = () => {
    const natigate = useNavigate();

    // 检索
    const handleSearch = (value: string) => {

    }
    // 进入项目
    const handleEnterItem = () => {
        natigate('/home/config/deviceLinkSettings/deviceLinkSettings')
    }
    return <LayoutBox>
        <Header />
        <div className="yangshi">
            <MenuPageHeaderBox>
                <div className="left">
                    <div className="left_left_jiantou"></div>
                    <div>全部权限</div>
                    <div className="left_right_jiantou"></div>
                </div>
                <div className="right">
                    <Search placeholder="请搜索关键字" searchChange={(value) => handleSearch(value)} />
                </div>
            </MenuPageHeaderBox>
            <ItemManagementList>
                <ItemManagementListItem>
                    <div className="item_bg_iamge">

                    </div>
                    <div className="item_xinxi">
                        <div className="item_xinxi_name">系统名称系统名称</div>
                        <div className="item_xinxi_time">1分钟</div>
                    </div>
                    <div className="zhezhaocheng">
                        <div onClick={() => handleEnterItem()}>进入</div>
                    </div>
                </ItemManagementListItem>
            </ItemManagementList>
        </div>
    </LayoutBox>

}

export default ItemManagement;